<template>
  <div>
    <!-- 1，静态页面 -->
    <h2>{{world}}</h2>
    <!-- 2，注册点击事件 -->
    <button @click="btn">逆转世界</button>
  </div>
</template>

<script>
export default {
  data(){
    return{
      world:'Hello,World'
    }
  },
  methods:{
    btn(){
      // 3，
      //split()分割字符串=》数组
      //数组=》反转
      //反转的数组=》jion()拼接成字符串
       this.world = this.world.split("").reverse().join("")
    }
  }
}
</script>

<style>

</style>